<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_index none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box">
            <menunav index="collection" sub="taken" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_over_x m_flex1">
                <div class="taken_box">
                    <ul class="breadcrumbs">
                        <li><span>藏品管理</span>&gt;</li>
                        <li class="on">提货审核</li>
                    </ul>
                    <div class="m_search">
                        <input type="text" class="m_input" v-inputnumber maxlength="12" placeholder="交易号" v-model="no">
                        <input type="text" class="m_input" placeholder="藏品名称" v-model="name">
                        <select class="m_select" v-model="status">
                            <option value="" disabled selected hidden>状态</option>
                            <option value="1">未审核</option>
                            <option value="2">已通过</option>
                            <option value="3">已驳回</option>
                            <option value="4">已办理</option>
                            <option value="5">已过期</option>
                        </select>
                        <button class="m_btn line" v-on:click="reSearch">查询</button>
                        <button class="m_btn line" v-on:click="reset">重置</button>
                    </div>
                    <table class="m_table">
                        <thead>
                            <tr>
                                <th>申请时间</th>
                                <th>提货编号</th>
                                <th>交易号</th>
                                <th>交易姓名</th>
                                <th>藏品ID</th>
                                <th width="190">藏品名称</th>
                                <th>提货数量</th>
                                <th>手机号</th>
                                <th>身份证号</th>
                                <th>提货密码</th>
                                <th>状态</th>
                                <th>审核人</th>
                                <th>备注</th>
                                <th width="130">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-if="list.length < 1">
                                <td colspan="14">
                                    <div class="tc">
                                        <template v-if="search">没有符合条件的内容</template>
                                        <template v-else>暂无数据</template>
                                    </div>
                                </td>
                            </tr>
                            <tr v-for="item in list" v-if="list.length > 0">
                                <td>{{ item.apply_time }}</td>
                                <td>{{ item.take_id }}</td>
                                <td>{{ item.pnr_no }}</td>
                                <td>{{ item.user_name }}</td>
                                <td>{{ item.code }}</td>
                                <td><span class="m_textOver">{{ item.col_name }}</span></td>
                                <td>{{ item.count }}</td>
                                <td>{{ item.phone }}</td>
                                <td>{{ item.id_no }}</td>
                                <td>{{ item.take_pwd }}</td>
                                <td>{{ item.status | takenStatus }}</td>
                                <td>{{ item.check_user ? item.check_user : '- -' }}</td>
                                <td>{{ item.remark ? item.remark : '- -' }}</td>
                                <td>
                                    <template v-if="item.status == 1">
                                        <a href="javascript:void(0);" v-on:click="operate(item.take_id,1)" v-if="userobj.group_acl.collection.child.taken.child.check.isOwn">通过</a>
                                        <a href="javascript:void(0);" v-on:click="reject(item.take_id)" v-if="userobj.group_acl.collection.child.taken.child.check.isOwn">驳回</a>
                                    </template>
                                    <template v-if="item.status == 2 && userobj.group_acl.collection.child.taken.child.check.isOwn">
                                        <a href="javascript:void(0);" v-on:click="operate(item.take_id,2)">办理</a>
                                    </template>
                                    <span v-else>- -</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <pages :cur.sync="cur" :all.sync="all" v-on:btn-click="getData"></pages>
            </div>
        </div>
        <!-- 弹出窗结构 -->
        <div class="m_boundingBox m_boundingBoxCenter {{ show ? 'on' : 'none'}}">
            <div class="m_boundingBox_inner">
                <div class="header">提示</div>
                <div class="body">
                    <textarea v-model='remark' placeholder='请输入驳回理由'></textarea>
                </div>
                <div class="footer">
                    <div class="m_btn" v-on:click="reject()">确定</div>
                    <div class="m_btn line" v-on:click="cancel">取消</div>
                </div>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>

    <script>
        seajs.use( "../../js/page/collection/taken" );
    </script>

</body>
</html>
